<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Hello World</title>
    <script type="text/javascript" src="vue.js"></script>
</head>

<body>
    <!-- 
       props属性：在父组件中向子组件中传值,而且子组件进行了接收,如contont就是props特性
       		props属性：	特点: 在子组件中可以通过this.contont获取，也可以{{contont}}绑定，不会显示在dom标签中
		非props属性	如noprops，因为子组件没有接收该属性，故也用不了，而且这个非props属性会展示在子组件最外层标签
			中作为属性；
     -->
    <div id="app">
        <child noprops="noprops" :contont="15455465"></child>
    </div>
    <script type="text/javascript">
    Vue.component("child", {
        // props: ["contont"],
        props: {
            contont: {
                type: [Number, String], //规定类型
            }
        },
        data: function() {
            return {
                con: this.contont
            }
        },
        template: "<div>的收购价款</div>"
    })

    var vm = new Vue({
        el: "#app",
        data: {


        }
    });
    </script>
</body>
</html